{%extends "base.html" %}
{% block jsAndCss %}
    <link rel="stylesheet" href="/static/css/slide.css">
    <script language="javascript" src="/static/js/slides.min.jquery.js"></script>
    <script language="javascript" src="/static/js/jQuery.slideImg.js"></script>
    <script language="javascript">
        $(function(){
            $('#slides').slides({
                preload: true,
                preloadImage: '/static/images/loading.gif',
                play: 5000,
                pause: 2500,
                hoverPause: true,
                animationStart: function(current){
                    $('.caption').animate({
                        bottom:-35
                    },100)
                },
                animationComplete: function(current){
                    $('.caption').animate({
                        bottom:0
                    },200)
                },
                slidesLoaded: function() {
                    $('.caption').animate({
                        bottom:0
                    },200);
                }
            });
            $("#fadImgs").slideImg({
                speed: "normal",
                timer: 3000
            });
            $("#fadImgs2").slideImg({
                speed: "normal",
                timer: 3000
            });
            /*$('.name').hover(function(){
                $(this).children('div.cityBox').stop(true,true).show('fast');
                $(this).addClass('namecur');
            },function(){
                $(this).children('div.cityBox').stop(true,true).hide('fast');
                $(this).removeClass('namecur');
            });	*/
        })
    </script>
{% endblock %}

{%block main%}
    {% include "include/pub/index_main.html" %}
{#            {% include "include/pub/index_right.html" %}#}
    <div class="clear"></div>
    <!--主体内容结束-->
{%endblock%}